@import "ionic-change.css";
body,
html {
	height: 100%;
	-webkit-tap-highlight-color: transparent
}

a {
	/*color: #18b4ed;*/
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:active {
	/*color: #18b4ed;*/
}

::-webkit-input-placeholder {
	color: #CCCCCC;
}


/*基本样式*/

.baseline {
	vertical-align: baseline;
}

.middle {
	vertical-align: middle;
}

.top {
	vertical-align: top;
}

.block {
	display: block;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.inline {
	display: inline;
}

.iblock {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.dtable {
	display: table;
}

.cell {
	display: cell-table;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.tcenter {
	text-align: center;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.border {
	border: 1px solid #CCCCCC !important;
}

.dotted {
	border: 1px dotted #CCCCCC !important;
}

.hand {
	cursor: pointer;
}

.move {
	cursor: move;
}

.u {
	text-decoration: underline;
}

.del {
	text-decoration: line-through;
}

.none {
	text-decoration: none;
}

.i {
	font-style: italic;
}

.-i {
	font-style: normal;
}

.bold {
	font-weight: bold;
}

.-bold {
	font-weight: normal;
}

.-wrap {
	white-space: nowrap;
	word-break: break-all;
	overflow: hidden;
}

.wrap {
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after,
.clearfix:before {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

.upper {
	text-transform: uppercase;
}

.lower {
	text-transform: lowercase;
}

.cap {
	text-transform: capitalize;
}

.hidden {
	overflow: hidden;
}

.visible {
	overflow: visible;
}

.zindex {
	z-index: 1;
}

.rel {
	position: relative;
}

.abs {
	position: absolute;
}

.fixed {
	position: fixed;
}

.indent {
	text-indent: 20px;
}

.lheight {
	line-height: 20px;
}

.outline {
	outline: none;
	hide-focus: expression(this.hideFocus=true);
}

.ell {
	text-overflow: ellipsis;
	overflow: hidden;
}

.yahei {
	font-family: "Microsoft YaHei";
}

.weui_actionsheet {
	z-index: 1000;
}


/*1px解决方案*/

.weui-border-t {
	border-top: 1px solid #e0e0e0;
}

.weui-border-b {
	border-bottom: 1px solid #e0e0e0;
}

.weui-border-tb {
	border-top: #e0e0e0 1px solid;
	border-bottom: #e0e0e0 1px solid;
	background-image: none;
}

.weui-border-l {
	border-left: 1px solid #e0e0e0;
}

.weui-border-r {
	border-right: 1px solid #e0e0e0;
}

.weui-border {
	border: 1px solid #e0e0e0;
}

.weui-border-radius {
	border: 1px solid #e0e0e0;
	border-radius: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.weui-border-radius {
		position: relative;
		border: 0;
	}
	.weui-border-radius:before {
		content: "";
		width: 200%;
		height: 200%;
		position: absolute;
		top: 0;
		left: 0;
		border: 1px solid #e0e0e0;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0;
		padding: 1px;
		-webkit-box-sizing: border-box;
		border-radius: 8px;
		pointer-events: none;
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.weui-border {
		position: relative;
		border: 0;
	}
	.weui-border-t,
	.weui-border-b,
	.weui-border-l,
	.weui-border-r,
	.weui-border-tb {
		border: 0;
	}
	.weui-border-t {
		background-position: left top;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
	}
	.weui-border-b {
		background-position: left bottom;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
	}
	.weui-border-t,
	.weui-border-b,
	.weui-border-tb {
		background-repeat: repeat-x;
		-webkit-background-size: 100% 1px;
	}
	.weui-border-tb {
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
		background-position: top, bottom;
	}
	.weui-border-l {
		background-position: left top;
		background-image: -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
	}
	.weui-border-r {
		background-position: right top;
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
	}
	.weui-border-l,
	.weui-border-r {
		background-repeat: repeat-y;
		-webkit-background-size: 1px 100%;
	}
	.weui-border:after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0));
		-webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
		background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
		-webkit-background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
		background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
		background-repeat: no-repeat;
		background-position: top, right, bottom, left;
		padding: 1px;
		-webkit-box-sizing: border-box;
		z-index: 10;
		pointer-events: none;
	}
}


/*按钮*/

.button_sp_area {
	padding: 10px 0;
	width: 60%;
	margin: 0 auto;
	text-align: justify;
	text-justify: distribute-all-lines;
	font-size: 0
}

.button_sp_area:after {
	display: inline-block;
	width: 100%;
	height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	content: "."
}

.bg-green {
	background-color: #04BE02;
}

.bg-red {
	background-color: #EF4F4F;
}

.bg-blue {
	/*蓝色*/
	background-color: #18b4ed;
}

.bg-blue:not(.weui_btn_disabled):visited {
	color: #FFFFFF;
}

.bg-blue:not(.weui_btn_disabled):active {
	color: rgba(255, 255, 255, 0.4);
	background-color: #18b4ed;
}

.bg-blue-b {
	color: #18b4ed;
	border: 1px solid #18b4ed;
}

button.bg-blue-b,
input.bg-blue-b {
	border-width: 1px;
	background-color: transparent;
}

.bg-blue-b:active {
	border-color: #18b4ed;
}

.bg-blue-b:after {
	border-width: 0;
}

.bg-orange {
	/*橙色*/
	background-color: #FF6600;
}

.bg-orange:not(.weui_btn_disabled):visited {
	color: #FFFFFF;
}

.bg-orange:not(.weui_btn_disabled):active {
	color: rgba(255, 255, 255, 0.4);
	background-color: #FF6600;
}

.bg-orange-b {
	color: #FF6600;
	border: 1px solid #FF6600;
}

button.bg-orange-b,
input.bg-orange-b {
	border-width: 1px;
	background-color: transparent;
}

.bg-orange-b:active {
	border-color: #FF6600;
}

.bg-orange-b:after {
	border-width: 0;
}

.bg-gray {
	background-color: #e7e7e7;
}


/*字体大小 生成11-32 35 40 45 50像素字体 */

.f11 {
	font-size: 11px !important;
	line-height: 11px;
}

.f12 {
	font-size: 12px !important;
	line-height: 12px;
}

.f13 {
	font-size: 13px !important;
	line-height: 13px;
}

.f14 {
	font-size: 14px !important;
	line-height: 14px;
}

.f15 {
	font-size: 15px !important;
	line-height: 15px;
}

.f16 {
	font-size: 16px !important;
	line-height: 16px;
}

.f17 {
	font-size: 17px !important;
	line-height: 17px;
}

.f18 {
	font-size: 18px !important;
	line-height: 18px;
}

.f19 {
	font-size: 19px !important;
	line-height: 19px;
}

.f20 {
	font-size: 20px !important;
	line-height: 20px;
}

.f21 {
	font-size: 21px !important;
	line-height: 21px;
}

.f22 {
	font-size: 22px !important;
	line-height: 22px;
}

.f23 {
	font-size: 23px !important;
	line-height: 23px;
}

.f24 {
	font-size: 24px !important;
	line-height: 24px;
}

.f25 {
	font-size: 25px !important;
	line-height: 25px;
}

.f26 {
	font-size: 26px !important;
	line-height: 26px;
}

.f27 {
	font-size: 27px !important;
	line-height: 27px;
}

.f28 {
	font-size: 28px !important;
	line-height: 28px;
}

.f29 {
	font-size: 29px !important;
	line-height: 29px;
}

.f30 {
	font-size: 30px !important;
	line-height: 30px;
}

.f31 {
	font-size: 31px !important;
	line-height: 31px;
}

.f32 {
	font-size: 32px !important;
	line-height: 32px;
}

.f35 {
	font-size: 35px !important;
	line-height: 35px;
}

.f40 {
	font-size: 40px !important;
	line-height: 40px;
}

.f45 {
	font-size: 45px !important;
	line-height: 45px;
}

.f50 {
	font-size: 50px !important;
	line-height: 50px;
}

.f55 {
	font-size: 55px !important;
	line-height: 55px;
}


/*字体颜色*/

.f-red {
	color: #ef4f4f !important;
}

.f-green {
	color: #cccccc !important;
}

.f-blue {
	color: #18b4ed !important;
}

.f-black {
	color: #333 !important;
}

.f-white {
	color: #FFF !important;
}

.f-zi {
	color: #FF33CC !important;
}

.f-gray {
	color: #CCCCCC !important;
}

.f-yellow {
	color: #FFFF66 !important;
}

.f-orange {
	color: #FF6600 !important;
}


/*Tab*/

.tab-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.tab-bottom {
	bottom: 0;
	width: 100%;
	position: fixed;
}

.weui_navbar_item.tab-green {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 3px solid #04be02;
	color: #04be02;
}

.weui_navbar_item.tab-red {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 3px solid #ef4f4f;
	color: #ef4f4f;
}

.weui_navbar_item.tab-blue {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border-bottom: 3px solid #18b4ed;
	color: #18b4ed;
}

.weui_navbar_item:after {
	border-right: none;
}


/*分割线*/

.weui-loadmore {
	font-size: 14px;
	line-height: 1.6em;
	margin: 1.5em auto;
	text-align: center;
	width: 65%;
}

.weui-loadmore-tips {
	display: inline-block;
	vertical-align: middle;
}

.weui-loadmore-line {
	border-top: 1px solid #e5e5e5;
	margin-top: 2.4em;
}

.weui-loadmore-line .weui-loadmore-tips {
	background-color: #f8f8f8;
	color: #999999;
	padding: 0 0.55em;
	position: relative;
	top: -0.9em;
}

.weui-loadmore-dot .weui-loadmore-tips {
	padding: 0 0.16em;
}

.weui-loadmore-dot .weui-loadmore-tips::before {
	background-color: #999;
	border-radius: 50%;
	content: " ";
	display: inline-block;
	height: 4px;
	position: relative;
	top: -0.16em;
	vertical-align: 0;
	width: 4px;
}


/**
 * 表格
 */

.weui-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	line-height: 32px;
	text-align: center;
}

.weui-table th {
	font-weight: 500;
}

.weui-table td,
.weui-table th {
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	text-align: center;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.weui-table td,
	.weui-table th {
		position: relative;
		border-right: 0;
		border-bottom: 0;
	}
	.weui-table td:after,
	.weui-table th:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0)), -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
		background-size: 1px 100%, 100% 1px;
		background-repeat: no-repeat;
		background-position: right, bottom;
	}
	.weui-table tr td:last-child:after,
	.weui-table tr th:last-child:after {
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
		background-size: 100% 1px;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	.weui-table tr:last-child td:not(:last-child):after {
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0.5, transparent), color-stop(0.5, #e0e0e0), to(#e0e0e0));
		background-size: 1px 100%;
		background-repeat: no-repeat;
		background-position: right;
	}
}

.weui-table tr td:last-child,
.weui-table tr th:last-child {
	border-right: 0;
}

.weui-table tr:last-child td {
	border-bottom: 0;
}


/*swipe*/

.slide {
	position: relative;
	max-width: 640px;
	overflow: hidden;
	margin: 0px auto;
}

.slide:after {
	content: '';
	display: block;
	width: 100%;
	padding-top: 50%;
}

.slide ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.slide li {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.slide li:first-child {
	z-index: 1;
}

.slide li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.slide .slide-desc {
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	overflow: hidden;
	padding: 5px;
	width: 100%;
	color: #fff;
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	word-break: break-all;
	text-overflow: ellipsis;
}

.slide .dot {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 5;
	font-size: 0;
}

#slide2 .dot {
	position: absolute;
	right: 50%;
	bottom: 10px;
	z-index: 5;
	font-size: 0;
	text-align: center;
	margin: 0 auto;
}

.slide .dot span {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-left: 5px;
	border: 1px solid #fff;
	border-radius: 50%;
}

.slide .dot .cur {
	background-color: #04BE02;
	border: 1px solid #04BE02;
}

.slide .txt {
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	white-space: nowrap;
	word-break: break-all;
	text-overflow: ellipsis;
}


/*搜索*/

.search-input {
	box-sizing: content-box;
	width: 100%;
	height: 30px;
	display: inline-block;
	border: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 1px;
	font-family: inherit;
	color: #3d4145;
	font-size: 16px;
	font-weight: normal;
	padding: 0 5px;
	background-color: #fff;
	border: 1px solid #04be02;
	opacity: 0.9;
}

.search-input::-webkit-input-placeholder {
	color: #cccccc;
	opacity: 1;
}

.search-input+button::after {
	border: 1px solid #04be02!important;
}

.search-input+button {
	border-radius: 0!important;
}


/*标签*/

.weui-label {
	display: inline-block;
	position: relative;
	line-height: 25px;
	height: 25px;
	padding: 0 10px;
	border: 1px solid #cacccd;
	border-radius: 5px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.weui-label {
		position: relative;
		border: 0;
	}
	.weui-label:before {
		content: "";
		width: 200%;
		height: 200%;
		position: absolute;
		top: 0;
		left: 0;
		border: 1px solid #cacccd;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0;
		padding: 1px;
		-webkit-box-sizing: border-box;
		border-radius: 5px;
	}
}

.weui-label:active {
	background-color: #f3f2f2;
}

.weui-label-list {
	margin: 0 10px;
}

.weui-label-list .weui-label {
	margin: 5px 5px 0 0;
}

.weui-label-s {
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	position: relative;
	padding: 1px;
	color: #ff7f0d;
	border: 1px solid #ff7f0d;
	border-radius: 2px;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
	.weui-label-s {
		position: relative;
		border: 0;
		padding: 2px 1px 0px;
	}
	.weui-label-s:before {
		content: "";
		width: 200%;
		height: 200%;
		position: absolute;
		top: 0;
		left: 0;
		border: 1px solid #ff7f0d;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0;
		padding: 1px;
		-webkit-box-sizing: border-box;
		border-radius: 4px;
	}
}

.weui-label-s:active {
	background-color: #f3f2f2;
}

.weui-label-s:after {
	content: "";
	position: absolute;
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
}


/*
* 红点提醒
*/

.weui-reddot,
.weui-reddot-border,
.weui-reddot-s {
	position: relative;
	display: inline-block;
	line-height: 22px;
	padding: 0 6px;
}

.weui-reddot:after,
.weui-reddot-border:after,
.weui-reddot-s:after {
	content: '';
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	background-color: #f74c31;
	border-radius: 5px;
	right: -3px;
	top: -3px;
	background-clip: padding-box;
}

.weui-reddot-static {
	display: block;
	width: 8px;
	height: 8px;
	padding: 0;
}

.weui-reddot-static:after {
	top: 0;
	right: 0;
}

.weui-reddot-border:before {
	content: '';
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	background-color: #fff;
	border-radius: 5px;
	right: -4px;
	top: -4px;
	background-clip: padding-box;
	padding: 1px;
}

.weui-reddot-s:after {
	width: 6px;
	height: 6px;
	top: -5px;
	right: -5px;
}


/*动画*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.checked {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes pulse {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@-webkit-keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}
	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateIn {
	from {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg);
		opacity: 0;
	}
	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@-webkit-keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@keyframes shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}
	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

@keyframes swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg);
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg);
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg);
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg);
	}
	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg);
	}
}

.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

@-webkit-keyframes a {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes a {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes b {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0
	}
}

@keyframes b {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
	to {
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
		opacity: 0
	}
}

.slideIn {
	-webkit-animation: a .2s forwards;
	animation: a .2s forwards
}

.slideOut {
	-webkit-animation: b .2s forwards;
	animation: b .2s forwards
}

.weui-loading {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: weuiLoading 1s steps(12, end) infinite;
	animation: weuiLoading 1s steps(12, end) infinite;
	background: transparent url() no-repeat;
	background-size: 100%;
}

@-webkit-keyframes weuiLoading {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 360deg);
	}
}

@keyframes weuiLoading {
	0% {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
	}
	100% {
		-webkit-transform: rotate3d(0, 0, 1, 360deg);
	}
}


/*css3*/

.radius-lg {
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.radius-md {
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.radius-sm {
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.radius {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.blur {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.bs {
	box-shadow: 1px 1px 8px #cccccc;
	-webkit-box-shadow: 1px 1px 8px #cccccc;
}

.circle {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

@keyframes xz360 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}
}

@-webkit-keyframes xz360 {
	0% {
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: 50% 50%;
	}
	100% {
		-webkit-transform: rotate(360deg);
		-webkit-transform-origin: 50% 50%;
	}
}

.xz360 {
	-webkit-animation: xz360 6s ease-out 0.1s infinite;
	animation: xz360 6s ease-out 0.1s infinite;
}

\ .xz180 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}

.reverse {
	animation-direction: reverse;
}

.opacity {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.opacity-0 {
	opacity: 0;
	filter: alpha(opacity=0);
}

.opacity-1 {
	opacity: 1;
	filter: alpha(opacity=100);
}

.ts {
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 1), 1px 1px 2px rgba(0, 85, 0, .8);
}

.jb {
	background-color: #999;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#FFF));
	background-image: -webkit-linear-gradient(top, #999, #FFF);
	background-image: linear-gradient(top, #999, #FFF);
}


/*图片效果组件*/

.img-border {
	padding: 3px;
	margin-left: -5px;
	line-height: 16px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

a.img-border {
	max-width: 100%;
	height: auto;
}

a.img-border:focus,
a.img-border:hover {
	border-color: #428bca;
}

.img-radius {
	border-radius: 3px;
}

.img-max {
	display: block;
	max-width: 100%;
}


/*
weui-box*/

.weui-img-box {
	position: relative;
	border-radius: 2px
}

.weui-img {
	background-position: 50% center;
	background-size: cover;
	border-radius: 2px;
	cursor: pointer;
	display: block;
	max-width: 100%;
	padding-bottom: 33%;
	position: relative;
}

.weui-img-title {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
}

.weui-img-time {
	border-top: 1px solid #f0f0f0;
	display: inline-block;
	font-size: 12px;
	margin-top: 5px;
	padding-top: 4px;
}

.weui-img-masker {
	border-radius: inherit;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
}


/*分页*/

.pager {
	font-size: 14px;
}

.pager:after {
	clear: both;
}

.pager:after,
.pager:before {
	display: table;
	content: " ";
}

.pager-left {
	width: 40%;
	border: 0px solid #D5D5D5;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	float: left;
}

.pager-cen {
	float: left;
	width: 19%;
	text-align: center;
	padding: 7px 0;
}

.pager-right {
	width: 40%;
	border: 0px solid #D5D5D5;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	float: right;
}

.pager-first {
	width: 44%;
	padding: 7px 0;
	float: left;
	border-right: 1px solid #EFEFEF;
}

.pager-pre {
	width: 55%;
	padding: 7px 0;
	float: right;
}

.pager-next {
	width: 55%;
	padding: 7px 0;
	float: left;
	border-right: 1px solid #EFEFEF;
}

.pager-end {
	width: 44%;
	padding: 7px 0;
	float: right;
}


/*分享到朋友圈或朋友*/

.weui-share {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	display: none;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.75);
}

.weui-share .weui-share-box {
	position: absolute;
	top: 65px;
	right: 20px;
	width: 140px;
	padding: 10px;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	border: 2px solid;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.weui-share i {
	position: absolute;
	background: url() no-repeat 90% 5px;
	-webkit-background-size: 56px 61px;
	background-size: 56px 61px;
	width: 56px;
	height: 61px;
	top: -63px;
	right: 23px;
}


/*微信文章*/

@media (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
	.weui-weixin-ui {
		font-size: 17px;
	}
}

.weui-weixin-ui {
	font-size: 16px;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.weui-weixin-page {
	position: relative;
	padding: 10px 15px 15px;
	background-color: #fff;
}

.weui-weixin-page:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #e5e5e5;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	top: auto;
	bottom: -2px;
}

.weui-weixin-title {
	margin-bottom: 10px;
	line-height: 1.4;
	font-weight: 400;
	font-size: 20px;
}

@media screen and (min-width: 1024px) {
	.weui-weixin {
		width: 740px;
		margin-left: auto;
		margin-right: auto;
	}
	.weui-weixin-title {
		padding-bottom: 10px;
		margin-bottom: 14px;
		border-bottom: 1px solid #e7e7eb;
	}
}

.weui-weixin-info {
	margin-bottom: 18px;
	line-height: 20px;
	font-size: 0;
}

.weui-weixin-a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	margin-bottom: 10px;
	font-size: 16px;
}

.weui-weixin-em {
	color: #8c8c8c;
	font-style: normal;
	display: inline-block;
	font-size: 16px;
	margin-bottom: 10px;
	margin-right: 12px;
	vertical-align: middle;
}

.weui-weixin-nickname {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 9em;
}

.weui-weixin-img {
	width: 100%;
	margin-bottom: 6px;
}

.weui-weixin-img img {
	height: auto !important;
	max-width: 100%;
}

.weui-weixin-content {
	overflow: hidden;
	color: #3e3e3e;
	font-size: 16px;
}

.weui-weixin-content * {
	max-width: 100% !important;
	box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	word-wrap: break-word !important;
}

.weui-weixin-content p {
	clear: both;
	min-height: 1em;
	white-space: pre-wrap;
	margin-bottom: 20px;
}

.weui-weixin-content fieldset {
	min-width: 0;
}

.weui-weixin-content blockquote {
	margin: 0;
	padding-left: 10px;
	border-left: 3px solid #dbdbdb;
}

.weui-weixin-content img {
	height: auto !important;
	max-width: 100%;
	display: block;
}

@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
	.weui-weixin-content table {
		table-layout: fixed !important;
	}
	.weui-weixin-content td,
	.weui-weixin-content th {
		width: auto !important;
	}
}

.weui-weixin-tools {
	overflow: hidden;
	padding-top: 15px;
	line-height: 32px;
	font-size: 14px;
}

.weui-weixin-read {
	vertical-align: 0;
	position: relative;
	margin: 0 10px;
	display: inline-block;
	color: #8c8c8c;
}

.weui-weixin-zan {
	background: transparent url("") no-repeat scroll 0 0 / 100% auto;
	display: inline-block;
	height: 13px;
	vertical-align: middle;
	width: 13px;
}

.weui-weixin-zan.zaned {
	background-position: 0 -18px;
}

.zaned .weui-weixin-zan {
	background-position: 0 -18px;
}

.weui-weixin-num {
	margin-left: 3px;
}


/**
 * 提示页面
 */

.weui_msg_box {
	width: 100%;
	height: 80%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	position: absolute;
	text-align: center;
}

.weui_msg_box p {
	font-size: 16px;
	line-height: 20px;
	color: #bbbbbb;
	text-align: center;
	padding: 0 15px;
}


/*评论*/

.weui-comment {
	font-size: 16px;
	margin-top: -5px;
	padding-bottom: 20px;
}

.weui-comment-item {
	margin-top: 15px;
	padding-left: 45px;
	position: relative;
	list-style-type: none;
}

.weui-comment-item::after {
	clear: both;
	content: "​";
	display: block;
	height: 0;
}

.weui-comment-item .userinfo {
	min-height: 20px;
	overflow: hidden;
}

.weui-comment-item .nickname {
	color: #727272;
	display: block;
	font-style: normal;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 9em;
	word-wrap: normal;
}

.weui-comment-item .avatar {
	background-color: #ccc;
	border-radius: 2px;
	height: 35px;
	left: 0;
	margin-top: 0;
	position: absolute;
	top: 3px;
	vertical-align: top;
	width: 35px;
}

.weui-comment-item .weui-comment-msg {
	color: #3e3e3e;
	line-height: 1.5;
}

.weui-comment-item .time {
	color: #8c8c8c;
	font-size: 12px;
}

.weui-comment-item .time a {
	margin-left: 0.5em;
}

.weui-comment-item .status {
	color: #ff7a21;
	white-space: nowrap;
}

.weui-comment-item .status i {
	font-style: normal;
	margin-right: 2px;
}

.weui-comment-item .weui-comment-li {
	float: right;
}

.weui-comment-item .weui-comment-li .check {
	display: inline-block;
	margin-top: -5px;
	padding-top: 5px;
	text-align: right;
}

.weui-comment-reply {
	margin-top: 0.5em;
	padding-left: 0.4em;
	padding-top: 0.5em;
	position: relative;
}

.weui-comment-num {
	color: #666;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
}

.weui-comment-reply::before {
	border-top: 1px solid #dadada;
	content: " ";
	height: 1px;
	left: 0;
	position: absolute;
	top: 0;
	transform: scaleY(0.5);
	transform-origin: 0 0 0;
	width: 100%;
}

.weui-comment-reply .nickname {
	overflow: visible;
	position: relative;
}

.weui-comment-reply .nickname::before {
	background-color: #02bb00;
	content: " ";
	height: 14px;
	left: -0.4em;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	width: 3px;
}

.weui-comment-icon {
	background: transparent url("") no-repeat scroll 0 0 / 100% auto;
	display: inline-block;
	height: 13px;
	vertical-align: middle;
	width: 13px;
}

.weui-comment-icon.checked,
.checked .weui-comment-icon {
	background-position: 0 -18px;
}


/*加减*/

.weui-number-input {
	float: left;
	height: 20px;
	font-size: 20px;
	color: #666;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid #ececec;
	padding: 3px 0;
	text-align: center;
	border-radius: 1px;
}

.weui-number {
	float: left;
	height: 20px;
	font-size: 25px;
	line-height: 18px;
	color: #3cc51f;
	border: 1px solid #ececec;
}

.weui-number-sub {
	border-right: none;
	padding: 3px 10px;
	border-radius: 2px 0 0 2px;
}

.weui-number-plus {
	border-left: none;
	margin-right: 5px;
	padding: 3px 8px;
	border-radius: 0 2px 2px 0;
}

.weui-rater {
	text-align: left;
	display: inline-block;
	line-height: normal;
}

.weui-rater a {
	display: inline-block;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
	color: #ccc;
}

.weui-rater a:last-child {
	padding-right: 2px!important;
	margin-right: 0px!important;
}

.weui-rater a:hover {
	color: #ffdd99;
}

.weui-rater a.checked {
	color: #01c5af !important;
	cursor: not-allowed;
}

.weui-rater-box {
	position: relative;
	margin-right: 2px;
	font-size: 25px;
	width: 25px;
	height: 25px;
	color: rgb(255, 204, 102);
}

.weui-rater-inner {
	position: relative;
	display: inline-block;
}

.weui-rater-outer {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	overflow: hidden;
}


/*弹出框*/

.weui_msg_img {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	display: node;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 999;
}

.weui_msg_com {
	border-radius: 10px;
	margin: 70px auto 0;
	position: relative;
	width: 80%;
}

.weui_msg_close {
	background: rgba(55, 55, 55, 0.9);
	border-radius: 15px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: -10px;
	top: -10px;
	width: 30px;
	border: 1px solid #FFF;
}

.weui_msg_src {
	border-radius: 5px;
	font-size: 0;
	overflow: hidden;
}

.weui_msg_src img {
	width: 100%;
}

.weui_msg_src p {
	font-size: 18px;
	line-height: 25px;
	margin: 20px auto 0;
	width: 80%;
}

.weui_msg_src a {
	background: #f84c2f none repeat scroll 0 0;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 20px auto;
	text-align: center;
	width: 100px;
}

.weui_msg_comment {
	background: #fff none repeat scroll 0 0;
	border-radius: 5px;
	color: #ff0000;
	padding: 0 0 10px;
}


/*toast 对话框 扩展*/

.weui_dialog,
.weui_toast {
	/*-webkit-transition-duration: .2s;
	transition-duration: .2s;
	opacity: 0;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);*/
	visibility: hidden;
	/*margin: 0;
	left: 7.5%;
	top: 30%;
	z-index: 100;*/
}

.weui_dialog .weui_btn_dialog+.weui_btn_dialog,
.weui_toast .weui_btn_dialog+.weui_btn_dialog {
	position: relative;
}

.weui_dialog .weui_btn_dialog+.weui_btn_dialog:after,
.weui_toast .weui_btn_dialog+.weui_btn_dialog:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px solid #D5D5D6;
	color: #D5D5D6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
}

.weui_dialog.weui_dialog_visible,
.weui_toast.weui_dialog_visible,
.weui_dialog.weui_toast_visible,
.weui_toast.weui_toast_visible {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media screen and (min-width: 1024px) {
	.weui_dialog {
		left: 32.5%;
	}
}

.weui_toast {
	left: 50%;
	top: 35%;
	margin-left: -3.8em;
}

.weui_toast_forbidden {
	color: #F76260;
}

.weui_toast_cancel .weui_icon_toast:before {
	content: "\EA0D";
}

.weui_toast_forbidden .weui_icon_toast:before {
	content: "\EA0B";
	color: #F76260;
}

.weui_mask {
	opacity: 0;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	visibility: hidden;
	z-index: 10;
}

.weui_mask.weui_mask_visible {
	opacity: 1;
	visibility: visible;
}

.weui-prompt-input {
	padding: 4px 6px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	height: 2em;
	width: 80%;
	margin-top: 10px;
}


/* picker,日期时间popup,select*/

.weui-picker-modal {
	width: 100%;
	position: absolute;
	z-index: 100;
	bottom: 0;
	text-align: center;
	border-radius: 0;
	opacity: .6;
	color: #3d4145;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	height: 13rem;
	background: #efeff4;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}

.weui-picker-modal.weui-picker-modal-visible {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.weui-picker-modal .picker-modal-inner {
	position: relative;
	height: 10.8rem
}

.weui-picker-modal .toolbar {
	position: relative;
	width: 100%;
	font-size: 16px;
	line-height: 1.5;
	color: #3d4145;
	background: #f7f7f8
}

.weui-picker-modal .toolbar:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #d9d9d9;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.weui-picker-modal .toolbar:before {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.weui-picker-modal .toolbar:before {
		-webkit-transform: scaleY(0.33);
		transform: scaleY(0.33)
	}
}

.weui-picker-modal .picker-columns {
	width: 100%;
	height: 13rem;
	z-index: 11500
}

.weui-picker-modal .picker-columns.picker-modal-inline,
.popover .weui-picker-modal .picker-columns {
	height: 10rem
}

@media(orientation:landscape) and (max-height:415px) {
	.weui-picker-modal .picker-columns:not(.picker-modal-inline) {
		height: 10rem
	}
}

.weui-picker-modal .popover.popover-picker-columns {
	width: 14rem
}

.weui-picker-modal .picker-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	padding: 0;
	text-align: right;
	font-size: 17px;
	font-weight: normal;
	-webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent);
	-webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, white 20%, white 80%, transparent 95%, transparent)
}

.weui-picker-modal .bar+.picker-items {
	height: 10.8rem
}

.weui-picker-modal .picker-items-col {
	overflow: hidden;
	position: relative;
	max-height: 100%
}

.weui-picker-modal .picker-items-col.picker-items-col-left {
	text-align: left
}

.weui-picker-modal .picker-items-col.picker-items-col-center {
	text-align: center
}

.weui-picker-modal .picker-items-col.picker-items-col-right {
	text-align: right
}

.weui-picker-modal .picker-items-col.picker-items-col-divider {
	color: #3d4145;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.weui-picker-modal .picker-items-col-wrapper {
	-webkit-transition: 300ms;
	transition: 300ms;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.weui-picker-modal .picker-item {
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #9b9b9b;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	-webkit-transition: 300ms;
	transition: 300ms
}

.picker-items-col-absolute .weui-picker-modal .picker-item {
	position: absolute
}

.weui-picker-modal .picker-item.picker-item-far {
	pointer-events: none
}

.weui-picker-modal .picker-item.picker-selected {
	color: #3d4145;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg)
}

.weui-picker-modal .picker-center-highlight {
	height: 32px;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -16px;
	pointer-events: none
}

.weui-picker-modal .picker-center-highlight:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #d9d9d9;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.weui-picker-modal .picker-center-highlight:before {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.weui-picker-modal .picker-center-highlight:before {
		-webkit-transform: scaleY(0.33);
		transform: scaleY(0.33)
	}
}

.weui-picker-modal .picker-center-highlight:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #d9d9d9;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.weui-picker-modal .picker-center-highlight:after {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.weui-picker-modal .picker-center-highlight:after {
		-webkit-transform: scaleY(0.33);
		transform: scaleY(0.33)
	}
}

.weui-picker-modal .picker-3d .picker-items {
	overflow: hidden;
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.weui-picker-modal .picker-3d .picker-items-col,
.weui-picker-modal .picker-3d .picker-items-col-wrapper,
.weui-picker-modal .picker-3d .picker-item {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.weui-picker-modal .picker-3d .picker-items-col {
	overflow: visible
}

.weui-picker-modal .picker-3d .picker-item {
	-webkit-transform-origin: center center -110px;
	transform-origin: center center -110px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.weui-picker-modal .title {
	position: absolute;
	display: block;
	width: 100%;
	padding: 0;
	font-size: 17px;
	font-weight: normal;
	line-height: 35px;
	color: #3d4145;
	text-align: center;
	white-space: nowrap
}

.weui-picker-modal .picker-button {
	position: absolute;
	right: 0;
	box-sizing: border-box;
	height: 30px;
	line-height: 30px;
	color: #04be02;
	z-index: 1;
	padding: 0 .5rem
}

.weui-picker-overlay,
.weui-picker-container {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	width: 100%
}

.city-picker .col-province {
	width: 5rem
}

.city-picker .col-city {
	width: 6rem
}

.city-picker .col-district {
	width: 5rem
}

.weui-picker-container .weui_cells {
	margin: 0;
	text-align: left
}

.weui-select-modal {
	height: auto
}

.weui-select-modal .weui_cells {
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 16rem
}

.weui-select-modal .weui_cells:after {
	display: none
}

.weui-picker-calendar {
	background: #fff;
	height: 15rem;
	width: 100%;
	overflow: hidden
}

@media(orientation:landscape) and (max-height:415px) {
	.weui-picker-calendar:not(.picker-modal-inline) {
		height: 11rem
	}
}

.weui-picker-calendar .picker-modal-inner {
	overflow: hidden;
	height: 12.8rem
}

.picker-calendar-week-days {
	height: .9rem;
	background: #f7f7f8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	font-size: 11px;
	box-sizing: border-box;
	position: relative
}

.picker-calendar-week-days:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #c4c4c4;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.picker-calendar-week-days:after {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.picker-calendar-week-days:after {
		-webkit-transform: scaleY(0.33);
		transform: scaleY(0.33)
	}
}

.picker-calendar-week-days .picker-calendar-week-day {
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: 14.28571429%;
	width: calc(100% / 7);
	line-height: 17px;
	text-align: center
}

.picker-calendar-week-days+.picker-calendar-months {
	height: 11.9rem
}

.picker-calendar-months {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative
}

.picker-calendar-months-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: 300ms;
	transition: 300ms
}

.picker-calendar-month {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.picker-calendar-row {
	height: 16.66666667%;
	height: calc(100% / 6);
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: 100%;
	position: relative
}

.picker-calendar-row:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #ccc;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.picker-calendar-row:after {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.picker-calendar-row:after {
		-webkit-transform: scaleY(0.33);
		transform: scaleY(0.33)
	}
}

.picker-calendar-row:last-child:after {
	display: none
}

.picker-calendar-day {
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
	width: 14.28571429%;
	width: calc(100% / 7);
	text-align: center;
	color: #3d4145;
	font-size: 15px;
	cursor: pointer
}

.picker-calendar-day.picker-calendar-day-prev,
.picker-calendar-day.picker-calendar-day-next {
	color: #ccc
}

.picker-calendar-day.picker-calendar-day-disabled {
	color: #d4d4d4;
	cursor: auto
}

.picker-calendar-day.picker-calendar-day-today span {
	background: #e3e3e3
}

.picker-calendar-day.picker-calendar-day-selected span {
	background: #04be02;
	color: #fff
}

.picker-calendar-day span {
	display: inline-block;
	border-radius: 100%;
	width: 30px;
	height: 30px;
	line-height: 30px
}

.picker-calendar-month-picker,
.picker-calendar-year-picker {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 50%;
	max-width: 200px;
	-webkit-flex-shrink: 10;
	-ms-flex: 0 10 auto;
	-webkit-flex-shrink: 10;
	-ms-flex-negative: 10;
	flex-shrink: 10
}

.picker-calendar-month-picker a.icon-only,
.picker-calendar-year-picker a.icon-only {
	min-width: 36px
}

.picker-calendar-month-picker span,
.picker-calendar-year-picker span {
	-webkit-flex-shrink: 1;
	-ms-flex: 0 1 auto;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis
}

.popover .picker-calendar .picker-calendar-week-days,
.picker-calendar.picker-modal-inline .picker-calendar-week-days {
	background: 0
}

.popover .picker-calendar .toolbar:before,
.picker-calendar.picker-modal-inline .toolbar:before,
.popover .picker-calendar .picker-calendar-week-days:before,
.picker-calendar.picker-modal-inline .picker-calendar-week-days:before {
	display: none
}

.popover .picker-calendar .toolbar:after,
.picker-calendar.picker-modal-inline .toolbar:after,
.popover .picker-calendar .picker-calendar-week-days:after,
.picker-calendar.picker-modal-inline .picker-calendar-week-days:after {
	display: none
}

.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before,
.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: auto;
	right: auto;
	height: 1px;
	width: 100%;
	background-color: #c4c4c4;
	display: block;
	z-index: 15;
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
	.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before,
	.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
	.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
	.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
	.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before,
	.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
	.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
	.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before {
		-webkit-transform: scaleY(0.33);
		transform: scaleY(0.33)
	}
}

.weui-picker-modal .toolbar-inner {
	height: 2.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	text-align: center
}

.picker-calendar-month-picker,
.picker-calendar-year-picker {
	display: block;
	line-height: 2.2rem
}

.picker-calendar-month-picker a.icon-only,
.picker-calendar-year-picker a.icon-only {
	float: left;
	width: 25%;
	height: 2.2rem;
	line-height: 2rem
}

.picker-calendar-month-picker .current-month-value,
.picker-calendar-year-picker .current-month-value,
.picker-calendar-month-picker .current-year-value,
.picker-calendar-year-picker .current-year-value {
	float: left;
	width: 50%;
	height: 2.2rem
}

.weui-popup-modal {
	width: 100%;
	position: absolute;
	z-index: 100;
	bottom: 0;
	border-radius: 0;
	opacity: .6;
	color: #3d4145;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	height: 100%;
	background: #efeff4;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	overflow-x: hidden;
	overflow-y: auto
}

.weui-popup-modal.weui-popup-modal-visible {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.weui-popup-overlay,
.weui-popup-container {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	width: 100%;
	height: 100%
}

.weui-popup-container {
	display: none
}

.weui-popup-container.weui-popup-container-visible {
	display: block
}

.weui-popup-container .weui_cells {
	margin: 0;
	text-align: left
}


/*header*/

.weui-header {
	position: relative;
	padding: 3px 0;
	-webkit-box-sizing: border-box;
}

.weui-header .weui-header-title,
.weui-header h1 {
	margin: 0 88px;
	margin-left: 100px;
	line-height: 40px;
	text-align: center;
	height: 40px;
	font-size: 18px;
	font-weight: 400;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #fff
}

.weui-header .weui-header-title a,
.weui-header .weui-header-title a:active,
.weui-header h1 a,
.weui-header h1 a:active {
	color: #fff
}

.weui-header .weui-header-left,
.weui-header .weui-header-right {
	position: absolute;
	top: 14px;
	display: block;
	font-size: 16px;
	line-height: 21px;
	color: #FFF;
}

.weui-header .weui-header-left a,
.weui-header .weui-header-left button,
.weui-header .weui-header-right a,
.weui-header .weui-header-right button {
	float: left;
	margin-right: 8px;
}

.weui-header .weui-header-left a:active,
.weui-header .weui-header-left button:active,
.weui-header .weui-header-right a:active,
.weui-header .weui-header-right button:active {
	opacity: .8
}

.weui-header .weui-header-left {
	left: 18px
}

.weui-header .weui-header-right {
	right: 15px
}

.weui-header .weui-header-right a,
.weui-header .weui-header-right button {
	margin-left: 8px;
	margin-right: 0
}


/*时间线*/

.timeline {
	padding: 1rem;
}

.timeline p {
	color: #888;
	font-size: 0.8rem;
}

.timeline h4 {
	color: #666;
	font-weight: 400;
}

.timeline .recent {
	color: #18b4ed;
}

.timeline ul li {
	list-style: outside none none;
}

.timeline-item {
	position: relative;
}

.timeline-item-content {
	padding: 0 0 1.5rem 1.2rem;
}

.timeline-item-head,
.timeline-item-head-first {
	border-radius: 99px;
	content: "";
	position: absolute;
	z-index: 99;
	background-color: #04be02;
}

.timeline-item-head {
	height: 10px;
	left: 1px;
	top: 4px;
	width: 10px;
}

.timeline-item-head-first {
	height: 20px;
	left: -4px;
	top: 5px;
	width: 20px;
}

.timeline-item-tail {
	content: "";
	background-color: #04be02;
	height: 100%;
	left: 5px;
	position: absolute;
	top: 5px;
	width: 2px;
}

.timeline-item-checked {
	left: 0;
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
	width: 100%;
}

.timeline-item-checked::before {
	color: #fff;
	font-size: 12px;
	width: 20px;
}


/*navigator*/

.weui-navigator {
	background: #fafafa;
	position: relative;
	padding: 0;
	margin: 0
}

.weui-navigator-list {
	width: 100%;
	list-style: none;
	display: -webkit-box;
	margin: 0 auto
}

.weui-navigator-list li {
	list-style: none;
	line-height: 34px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	-webkit-box-flex: 1;
	display: -webkit-box;
	white-space: nowrap;
	-webkit-box-align: center;
	-webkit-box-pack: center
}

.weui-navigator.weui-navigator-wrapper {
	z-index: 1;
	width: 100%;
	overflow: hidden;
	position: relative;
	-webkit-backface-visibility: hidden
}

.weui-navigator-list li a {
	text-decoration: none;
	color: #666;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	padding: 0 15px
}

.weui-navigator-list li.weui-state-hover,
.weui-navigator-list li.weui-state-active a {
	color: #04be02
}

.weui-navigator-list li.weui-state-hover,
.weui-navigator-list li.weui-state-active a:after {
	content: '';
	display: block;
	height: 2px;
	background-color: #04be02
}

.weui-navigator .weui-navigator-list {
	display: table;
	table-layout: fixed;
	white-space: nowrap;
	width: auto
}

.weui-navigator .weui-navigator-list:after {
	content: '';
	clear: both;
	display: inline-block;
	width: 0;
	height: 0;
	overflow: hidden
}

.weui-navigator .weui-navigator-list li {
	display: inline-block
}


/*weui-tab*/

.weui_tab_nav {
	display: box;
	display: -webkit-box;
	display: -webkit-flex;
	display: display:flex
}

.weui_tab_nav .weui_nav_green {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	width: 100%;
	height: 30px;
	padding: 0;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
	border: 1px solid #04be02;
	border-width: 1px 1px 1px 0;
	color: #04be02;
	white-space: nowrap;
	background: #fdfdfd
}

.weui_tab_nav .weui_nav_green.bg_green {
	border-color: #04be02;
	color: #fff;
	background: #04be02
}

.weui_tab_nav .weui_nav_red {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	width: 100%;
	height: 30px;
	padding: 0;
	font-size: 14px;
	line-height: 31px;
	text-align: center;
	border: 1px solid #ef4f4f;
	border-width: 1px 1px 1px 0;
	color: #ef4f4f;
	white-space: nowrap;
	background: #fdfdfd
}

.weui_tab_nav .weui_nav_red.bg_red {
	border-color: #EF4F4F;
	color: #fff;
	background: #EF4F4F
}

.weui_tab_nav .weui_navbar_item:first-child {
	border-width: 1px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-clip: padding-box
}

.weui_tab_nav .weui_navbar_item:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-clip: padding-box
}


/*上下拉*/

.dropload-up,
.dropload-down {
	position: relative;
	height: 0;
	overflow: hidden;
	font-size: 12px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.dropload-down {
	height: 50px
}

.dropload-refresh,
.dropload-update,
.dropload-load,
.dropload-noData {
	height: 50px;
	line-height: 50px;
	text-align: center
}

.weui-updown {
	-webkit-animation: weui-updown .3s linear;
	animation: opacity .3s linear
}

@-webkit-keyframes weui-updown {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes weui-updown {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.page-hd {
	padding: 20px;
}

.page-hd-title {
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	margin-bottom: 15px;
}

.page-hd-desc {
	color: #888;
	font-size: 14px;
	margin-top: 5px;
	text-align: left;
}

.page-bd {
	padding: 0;
}

.page-bg {
	background-color: #f8f8f8;
}

.page-bd-15 {
	padding: 0 15px;
}

.page-bd img {
	height: 20px;
	width: 20px;
}

.page-bd ul {
	list-style: none;
}

.page-bd li {
	background-color: #fff;
	border-radius: 2px;
	cursor: pointer;
	margin: 10px 0;
	overflow: hidden;
	vertical-align: bottom;
}

.page-bd li.js-show .weui-flex {
	opacity: 0.4;
}

.page-bd li.js-show .page-category {
	height: auto;
}

.page-bd li.js-show .page-category-content {
	opacity: 1;
	transform: translateY(0px);
}

.page-bd li:first-child {
	margin-top: 0;
}

.page-bd .page-category {
	height: 0;
	overflow: hidden;
}

.page-bd .page-category-content {
	opacity: 0;
	transform: translateY(-50%);
	transition: all 0.3s ease 0s;
}

.page-bd .weui-flex {
	align-items: center;
	padding: 10px;
	transition: all 0.3s ease 0s;
	display: -webkit-flex;
	display: -webkit-box;
	display: flex;
}

.page-bd .weui-flex-item {
	-webkit-flex: 1 1 0;
	flex: 1 1 0;
}

.weui_cell-bd {
	-webkit-flex: 1 1 0;
	flex: 1 1 0;
}

.weui-vcode-btn {
	border-left: 1px solid #e5e5e5;
	color: #3cc51f;
	display: inline-block;
	font-size: 17px;
	height: 44px;
	line-height: 44px;
	margin-left: 5px;
	padding: 0 0.6em 0 0.7em;
	vertical-align: middle;
}

.weui-agree {
	display: block;
	font-size: 16px;
	padding: 0.5em 15px;
}

.weui-agree a {
	color: #586c94;
}

.weui-agree-text {
	color: #999999;
}

.weui-agree input:checked {
	-webkit-appearance: none;
}

.weui-agree-checkbox {
	background-color: #ffffff;
	border: 1px solid #d1d1d1;
	border-radius: 3px;
	font-size: 0;
	height: 16px;
	outline: 0 none;
	position: relative;
	top: 2px;
	vertical-align: 0;
	width: 16px;
}

.weui-agree-checkbox:checked::before {
	color: #09bb07;
	content: "\EA08";
	display: inline-block;
	font-family: "weui";
	font-size: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	left: 50%;
	position: absolute;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	top: 50%;
	transform: translate(-50%, -48%) scale(0.73);
	vertical-align: middle;
}

.weui-agree-checkbox:disabled {
	background-color: #e1e1e1;
}

.weui-agree-checkbox:disabled::before {
	color: #adadad;
}

.weui-footer {
	color: #999999;
	font-size: 14px;
	text-align: center;
}

.weui-footer a {
	color: #586c94;
}

.weui-footer-fixed-bottom {
	bottom: 0.52em;
	left: 0;
	position: fixed;
	right: 0;
}

.weui-footer-links {
	font-size: 0;
}

.weui-footer-link {
	display: inline-block;
	font-size: 14px;
	margin: 0 0.62em;
	position: relative;
	vertical-align: top;
}

.weui-footer-link::before {
	border-left: 1px solid #c7c7c7;
	bottom: 0.36em;
	color: #c7c7c7;
	content: " ";
	left: -0.65em;
	position: absolute;
	top: 0.36em;
	transform: scaleX(0.5);
	transform-origin: 0 0 0;
	width: 1px;
}

.weui-footer-link:first-child::before {
	display: none;
}

.weui-footer-text {
	font-size: 12px;
	padding: 0 0.34em;
}

.weui-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.weui-flex-item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.placeholder {
	background-color: #ebebeb;
	color: #cfcfcf;
	height: 2.3em;
	line-height: 2.3em;
	margin: 5px;
	text-align: center;
}

.weui-avatar,
.weui-avatar img:first-child {
	border-radius: 4px;
	height: 52px;
	vertical-align: middle;
	position: relative;
	width: 52px;
}

.weui-avatar-circle {
	display: inline-block;
	height: 50px;
	margin-right: 13px;
	position: relative;
	vertical-align: middle;
	width: 50px;
}

.weui-avatar-url {
	border-radius: 50%;
	display: inline-block;
	height: 50px;
	position: relative;
	width: 50px;
}

.weui-avatar-status {
	bottom: 0;
	height: 20px;
	position: absolute;
	right: 0;
	width: 20px;
}

.weui_toptips.ok,
.weui_toptips.success {
	background-color: #04BE02;
}

.weui_toptips.info {
	background-color: rgba(51, 51, 51, 0.8);
}

.weui_toptips.warning {
	background-color: #FF6600;
}

.weui_toptips.weui_toptips_visible {
	opacity: 1;
}

.weui_actionsheet .weui_actionsheet_title {
	background-color: #f4f4f4;
	color: #999;
	font-size: 16px;
	padding: 8px 0;
	position: relative;
	text-align: center;
}

.weui_actionsheet .weui_actionsheet_title::after {
	border-top: 1px solid #d9d9d9;
	bottom: 0;
	color: #d9d9d9;
	content: " ";
	height: 1px;
	left: 0;
	position: absolute;
	transform: scaleY(0.5);
	transform-origin: 0 100% 0;
	width: 100%;
}


/*朋友圈*/


/* 
  基本样式设置 
  Basic Setup
  引用WeUI,FontAwesome
*/

body {
	background-color: #eee;
}

.iphone-container {
	width: 250px;
	margin: 0 auto;
	margin-top: 4%;
}

.iphone {
	position: absolute;
}

.screen {
	position: relative;
	height: 530px;
	width: 324px;
	margin: 0 auto;
	top: 78px;
	left: 13px;
}

.moments__post {
	display: block;
}

.moments__post .weui_cell_hd {
	display: table-cell;
	vertical-align: top;
	min-width: 45px;
}

.moments__post .weui_cell_hd img {
	width: 45px !important;
}

.moments__post .weui_cell_bd {
	font-size: 15px;
	display: table-cell;
	padding-left: 10px;
}

.moments__post .weui_cell_bd a,
.moments__post .weui_cell_bd .title,
.moments__post .weui_cell_bd .paragraphExtender,
.moments__post .weui_cell_bd .fa,
.moments__post .weui_cell_bd .nickname {
	color: #5d6b85;
}

.moments__post .weui_cell_bd .title,
.moments__post .weui_cell_bd .paragraph,
.moments__post .weui_cell_bd .thumbnails {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 5px;
}

.moments__post .weui_cell_bd .paragraphExtender {
	margin: 5px auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.moments__post .weui_cell_bd .thumbnails {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.moments__post .weui_cell_bd .thumbnails .thumbnail {
	width: 80px;
	height: 80px;
	margin: 1px;
	background: #757575;
	overflow: hidden;
}

.moments__post .weui_cell_bd .thumbnails .thumbnail img {
	width: 100%;
}

.moments__post .weui_cell_bd .toolbar {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.moments__post .weui_cell_bd .toolbar .timestamp,
.moments__post .weui_cell_bd .toolbar .timestamp .fa {
	color: #757575;
	font-size: 13px;
}

.moments__post .weui_cell_bd .liketext {
	margin-top: 10px;
	width: 100%;
	background-color: #f3f3f5;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.moments__post .weui_cell_bd .liketext .fa {
	font-size: 10px;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 10px;
}

.moments__post .weui_cell_bd .liketext:before {
	bottom: 100%;
	left: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #f3f3f5;
	border-width: 5px;
}

.moments__post .weui_cell_bd .actionMenu {
	position: absolute;
	height: 40px;
	background-color: #4e5156;
	border-radius: 5px;
	z-index: 5;
	top: -10px;
	right: 20px;
	display: none;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.moments__post .weui_cell_bd .actionMenu .actionBtn {
	color: #fff;
	padding: 0 20px;
}

.moments__post .weui_cell_bd .actionMenu .actionBtn .fa {
	color: #fff;
	margin-right: 5px;
}

.moments__post .weui_cell_bd .actionMenu .actionBtn:not(:first-child) {
	border-left: 1px solid #3f4346;
}

.moments__post .weui_cell_bd .actionMenu.active {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.moments__post .weui_cell_bd .actionToggle {
	width: 15px;
	height: 15px;
	background: #92abd4;
	margin-left: auto;
	border-radius: 1px;
	position: absolute;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.moments__post .weui_cell_bd .actionToggle p {
	width: 3px;
	height: 3px;
	background-color: #fff;
	border-radius: 3px;
	margin: auto 2px;
}

.moments__post .weui_cell_bd .actionToggle:before {
	right: 100%;
	top: 4px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-right-color: #92abd4;
	border-width: 3px;
}


/*
表单预览
*/

.weui-form-preview {
	background-color: #ffffff;
	position: relative;
}

.weui-form-preview::before {
	border-top: 1px solid #d9d9d9;
	color: #d9d9d9;
	content: " ";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleY(0.5);
	transform-origin: 0 0 0;
}

.weui-form-preview::after {
	border-bottom: 1px solid #d9d9d9;
	bottom: 0;
	color: #d9d9d9;
	content: " ";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	transform: scaleY(0.5);
	transform-origin: 0 100% 0;
}

.weui-form-preview-hd {
	line-height: 2.5em;
	padding: 10px 15px;
	position: relative;
	text-align: right;
}

.weui-form-preview-hd::after {
	border-bottom: 1px solid #d9d9d9;
	bottom: 0;
	color: #d9d9d9;
	content: " ";
	height: 1px;
	left: 15px;
	position: absolute;
	right: 0;
	transform: scaleY(0.5);
	transform-origin: 0 100% 0;
}

.weui-form-preview-hd .weui-form-preview-value {
	font-size: 1.6em;
	font-style: normal;
}

.weui-form-preview-bd {
	color: #999999;
	font-size: 0.9em;
	line-height: 2;
	padding: 10px 15px;
	text-align: right;
}

.weui-form-preview-ft {
	display: -webkit-flex;
	display: flex;
	line-height: 50px;
	position: relative;
}

.weui-form-preview-ft::after {
	border-top: 1px solid #d5d5d6;
	color: #d5d5d6;
	content: " ";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleY(0.5);
	transform-origin: 0 0 0;
}

.weui-form-preview-label {
	color: #999999;
	float: left;
	margin-right: 1em;
	min-width: 4em;
	text-align: justify;
	text-align-last: justify;
}

.weui-form-preview-value {
	display: block;
	overflow: hidden;
	overflow-wrap: break-word;
	word-break: normal;
}

.weui-form-preview-btn {
	color: #3cc51f;
	display: block;
	flex: 1 1 0;
	position: relative;
	text-align: center;
}

button.weui-form-preview-btn {
	background-color: transparent;
	border: 0 none;
	font-size: inherit;
	outline: 0 none;
}

.weui-form-preview-btn:active {
	background-color: #eeeeee;
}

.weui-form-preview-btn::after {
	border-left: 1px solid #d5d5d6;
	bottom: 0;
	color: #d5d5d6;
	content: " ";
	left: 0;
	position: absolute;
	top: 0;
	transform: scaleX(0.5);
	transform-origin: 0 0 0;
	width: 1px;
}

.weui-form-preview-btn:first-child::after {
	display: none;
}

.weui-form-preview-btn-default {
	color: #999999;
}

.weui-form-preview-btn-primary {
	color: #0bb20c;
}


/*gallery*/

.weui-gallery {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000000;
	z-index: 1000;
}

.weui-gallery-img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 60px;
	left: 0;
	background: center center no-repeat;
	background-size: contain;
}

.weui-gallery-opr {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #0D0D0D;
	color: #FFFFFF;
	line-height: 60px;
	text-align: center;
}

.weui-gallery-del {
	display: block;
}

.grid {
	position: relative;
	float: left;
	padding: 20px 10px;
	width: 33.33333333%;
	box-sizing: border-box;
	text-decoration: none
}

.grids-small .grid {
	width: 25%;
	padding: 15px 8px
}

.grid:before {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-right: 1px solid #d9d9d9;
	color: #d9d9d9;
	transform-origin: 100% 0;
	transform: scaleX(0.5)
}

.grid:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #d9d9d9;
	color: #d9d9d9;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5)
}

.weui-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: #f8f8f8;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	flex-flow: row nowrap;
	border-top: 1px solid #ccc;
	outline: 0;
	margin: 0;
	padding: 0;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.weui-menu-inner {
	border-left: 1px solid #ccc;
	height: 100%;
	width: 100%;
	text-align: center;
	cursor: pointer;
	position: relative;
	user-select: none;
	-webkit-user-select: none
}

.weui-menu-inner:last-child {
	background-position: 30px center
}

.weui-menu-inner>em {
	display: inline-block;
	height: 10px;
	width: 10px;
	background: url() no-repeat;
	background-size: 10px 10px
}

.weui-menu-inner span {
	line-height: 50px
}

.weui-menu-inner ul {
	position: absolute;
	left: 5px;
	right: 5px;
	top: 0;
	opacity: 0;
	background: #fff;
	font-size: 13px;
	border: 1px solid #ccc;
	word-break: break-all;
	border-radius: 7px;
	text-align: center;
	transition: all .3s;
	-webkit-transition: all .3s;
	list-style-type: none
}

.weui-menu-inner ul li {
	border-bottom: 1px solid #ccc;
	height: 40px;
	line-height: 40px;
	width: auto
}

.weui-menu-inner ul li:last-child {
	border-bottom: 0
}

.weui-menu-inner ul em {
	position: absolute;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #fff;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}

.weui-slider {
	padding: 15px 18px;
	-webkit-user-select: none;
	user-select: none;
}

.weui-slider-inner {
	position: relative;
	height: 2px;
	background-color: #E9E9E9;
}

.weui-slider-track {
	height: 2px;
	background-color: #1AAD19;
	width: 0;
}

.weui-slider-handler {
	position: absolute;
	left: 0;
	top: 50%;
	width: 28px;
	height: 28px;
	margin-left: -14px;
	margin-top: -14px;
	border-radius: 50%;
	background-color: #FFFFFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.weui-slider-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.weui-slider-box .weui-slider {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}

.weui-slider-box-value {
	margin-left: .5em;
	min-width: 24px;
	color: #888888;
	text-align: center;
	font-size: 14px;
}

.weui-badge {
	display: inline-block;
	padding: .15em .4em;
	min-width: 8px;
	border-radius: 18px;
	background-color: #E64340;
	color: #FFFFFF;
	line-height: 1.2;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
}

.weui-badge-dot {
	padding: .4em;
	min-width: 0;
}


/*角标*/

.weui-mark {
	padding-left: 10px;
	padding-right: 0;
	padding-top: 10px;
	-webkit-overflow-scrolling: touch;
}

.weui-mark li {
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	position: relative;
	-webkit-box-sizing: border-box;
	width: 50%;
	list-style: outside none none;
}

.weui-mark-img {
	padding-top: 100%;
	position: relative;
	width: 100%;
}

.weui-mark-img img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.weui-mark-rt {
	border-radius: 2px;
	top: 0;
	color: #fff;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 10px;
	text-align: center;
	width: 40px;
}

.weui-mark-rb {
	border-radius: 2px;
	bottom: 10px;
	color: #fff;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 10px;
	text-align: center;
	width: 40px;
	background-color: rgba(0, 0, 0, 0.4);
}

.weui-mark-lb {
	border-radius: 2px;
	bottom: 10px;
	color: #fff;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	left: 0;
	text-align: left;
	width: 95%;
	max-width: 99%;
	display: block;
	background-color: rgba(0, 0, 0, 0.4);
}

.weui-mark-vip {
	left: 0;
	position: absolute;
	top: 0;
	overflow: hidden;
	height: 50px;
	width: 90px;
}

.weui-mark-lt {
	color: #fff;
	display: block;
	font-size: 12px!important;
	left: -15px;
	height: 14px;
	line-height: 14px!important;
	position: relative;
	text-align: center;
	top: 15px;
	transform: rotate(-45deg);
	width: 70px;
}

.weui-mark-meta {
	position: relative;
}

.weui-mark-title,
.weui-mark-desc {
	height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}

.weui-mark-title {
	font-weight: 700;
}


/*左滑动删除css*/

.slidelefts {
	height: 100%;
	position: relative;
	background-color: #fff;
	transform: translateZ(0);
	border-bottom: 1px solid #eee;
	-webkit-transform: translateZ(0);
	padding: 0;
}

.slidelefts .weui_cell_bd {
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 10;
	background-color: #fff;
	padding: 10px 15px;
}

.weui_cell .weui_cell_bd.animated {
	-webkit-transition: -webkit-transform .2s ease-out;
	transition: transform .2s ease-out;
}

.weui_cell .slideleft {
	height: 100%;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

.weui_cell .slideleft span {
	height: 100%;
	padding: 0 10px;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}


/*!
 * WeUI v0.4.3 (https://github.com/weui/weui)
 * Copyright 2016 Tencent, Inc.
 * Licensed under the MIT license
 */

html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	line-height: 1.6;
	font-family: -apple-system-font, "Helvetica Neue", Arial, sans-serif
}

* {
	margin: 0;
	padding: 0
}

a img {
	border: 0
}

a {
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "weui";
	src: url('data:application/octet-stream;base64,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') format('truetype')
}

[class*=" weui_icon_"]:before,
[class^=weui_icon_]:before {
	font-family: weui;
	font-style: normal;
	font-weight: 400;
	speak: none;
	display: inline-block;
	vertical-align: middle;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em
}

.weui_icon_circle:before {
	content: "\EA01"
}

.weui_icon_download:before {
	content: "\EA02"
}

.weui_icon_info:before {
	content: "\EA03"
}

.weui_icon_safe_success:before {
	content: "\EA04"
}

.weui_icon_safe_warn:before {
	content: "\EA05"
}

.weui_icon_success:before {
	content: "\EA06"
}

.weui_icon_success_circle:before {
	content: "\EA07"
}

.weui_icon_success_no_circle:before {
	content: "\EA08"
}

.weui_icon_waiting:before {
	content: "\EA09"
}

.weui_icon_waiting_circle:before {
	content: "\EA0A"
}

.weui_icon_warn:before {
	content: "\EA0B"
}

.weui_icon_info_circle:before {
	content: "\EA0C"
}

.weui_icon_cancel:before {
	content: "\EA0D"
}

.weui_icon_search:before {
	content: "\EA0E"
}

.weui_icon_clear:before {
	content: "\EA0F"
}

[class*=" weui_icon_"]:before,
[class^=weui_icon_]:before {
	margin: 0
}

.weui_icon_success:before {
	font-size: 23px;
	color: #09bb07
}

.weui_icon_waiting:before {
	font-size: 23px;
	color: #10aeff
}

.weui_icon_warn:before {
	font-size: 23px;
	color: #cccccc
}

.weui_icon_info:before {
	font-size: 23px;
	color: #cccccc 
}

.weui_icon_success_circle:before,
.weui_icon_success_no_circle:before {
	font-size: 23px;
	color: #09bb07
}

.weui_icon_waiting_circle:before {
	font-size: 23px;
	color: #10aeff
}

.weui_icon_circle:before {
	font-size: 23px;
	color: #c9c9c9
}

.weui_icon_download:before,
.weui_icon_info_circle:before {
	font-size: 23px;
	color: #09bb07
}

.weui_icon_safe_success:before {
	color: #09bb07
}

.weui_icon_safe_warn:before {
	color: #ffbe00
}

.weui_icon_cancel:before {
	color: #f43530;
	font-size: 22px
}

.weui_icon_clear:before,
.weui_icon_search:before {
	color: #b2b2b2;
	font-size: 14px
}

.weui_icon_msg:before {
	font-size: 104px
}

.weui_icon_warn.weui_icon_msg:before {
	color: #f76260
}

.weui_icon_safe:before {
	font-size: 104px
}

.weui_btn.weui_btn_mini {
	line-height: 1.9;
	font-size: 14px;
	padding: 0 .75em;
	display: inline-block
}

button.weui_btn,
input.weui_btn {
	width: 100%;
	border-width: 0;
	outline: 0;
	-webkit-appearance: none
}

button.weui_btn:focus,
input.weui_btn:focus {
	outline: 0
}

button.weui_btn_inline,
button.weui_btn_mini,
input.weui_btn_inline,
input.weui_btn_mini {
	width: auto
}

.weui_btn+.weui_btn {
	margin-top: 15px
}

.weui_btn.weui_btn_inline+.weui_btn.weui_btn_inline {
	margin-top: auto;
	margin-left: 15px
}

.weui_btn_area {
	margin: 1.17647059em 15px .3em
}

.weui_btn_area.weui_btn_area_inline {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.weui_btn_area.weui_btn_area_inline .weui_btn {
	margin-top: auto;
	margin-right: 15px;
	width: 100%;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.weui_btn_area.weui_btn_area_inline .weui_btn:last-child {
	margin-right: 0
}

.weui_btn {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 14px;
	padding-right: 14px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	line-height: 2.33333333;
	border-radius: 5px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	overflow: hidden
}

.weui_btn:after {
	content: " ";
	width: 200%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid rgba(0, 0, 0, .2);
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	box-sizing: border-box;
	border-radius: 10px
}

.weui_btn.weui_btn_inline {
	display: inline-block
}

.weui_btn_default {
	background-color: #f7f7f7;
	color: #454545
}

.weui_btn_default:not(.weui_btn_disabled):visited {
	color: #454545
}

.weui_btn_default:not(.weui_btn_disabled):active {
	color: #a1a1a1;
	background-color: #dedede
}

.weui_btn_primary {
	background-color: #04be02
}

.weui_btn_primary:not(.weui_btn_disabled):visited {
	color: #fff
}

.weui_btn_primary:not(.weui_btn_disabled):active {
	color: hsla(0, 0%, 100%, .4);
	background-color: #039702
}

.weui_btn_warn {
	background-color: #ef4f4f
}

.weui_btn_warn:not(.weui_btn_disabled):visited {
	color: #fff
}

.weui_btn_warn:not(.weui_btn_disabled):active {
	color: hsla(0, 0%, 100%, .4);
	background-color: #c13e3e
}

.weui_btn_disabled {
	color: hsla(0, 0%, 100%, .6)
}

.weui_btn_disabled.weui_btn_default {
	color: #c9c9c9
}

.weui_btn_plain_primary {
	color: #04be02;
	border: 1px solid #04be02
}

button.weui_btn_plain_primary,
input.weui_btn_plain_primary {
	border-width: 1px;
	background-color: transparent
}

.weui_btn_plain_primary:active {
	border-color: #039702
}

.weui_btn_plain_primary:after {
	border-width: 0
}

.weui_btn_plain_default {
	color: #5a5a5a;
	border: 1px solid #5a5a5a
}

button.weui_btn_plain_default,
input.weui_btn_plain_default {
	border-width: 1px;
	background-color: transparent
}

.weui_btn_plain_default:after {
	border-width: 0
}

.weui_cell {
	position: relative
}

.weui_cell:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d9d9d9;
	color: #d9d9d9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	left: 15px
}

.weui_cell:first-child:before {
	display: none
}

.weui_cells {
	/*margin-top: 1.17647059em;*/
	background-color: #fff;
	line-height: 1.41176471;
	font-size: 17px;
	overflow: hidden;
	position: relative
}

.weui_cells:before {
	top: 0;
	border-top: 1px solid #d9d9d9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.weui_cells:after,
.weui_cells:before {
	content: " ";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	color: #d9d9d9;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_cells:after {
	bottom: 0;
	border-bottom: 1px solid #d9d9d9;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.weui_cells_title {
	margin-top: .77em;
	margin-bottom: .3em;
	padding-left: 15px;
	padding-right: 15px;
	color: #888;
	font-size: 14px
}

.weui_cells_title+.weui_cells {
	margin-top: 0
}

.weui_cells_tips {
	margin-top: .3em;
	color: #888;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px
}

.weui_cell {
	/*padding: 10px 15px;*/
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.weui_cell_ft {
	text-align: right;
	color: #888
}

.weui_cell_primary {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.weui_cells_access .weui_cell:not(.no_access) {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui_cells_access .weui_cell:not(.no_access):active {
	background-color: #ececec
}

.weui_cells_access a.weui_cell {
	color: inherit
}

.weui_cells_access .weui_cell_ft:after {
	content: " ";
	display: inline-block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #c8c8cd;
	border-style: solid;
	position: relative;
	top: -2px;
	top: -1px;
	margin-left: .3em
}

.weui_check_label {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui_check {
	position: absolute;
	left: -9999em
}

.weui_cells_radio .weui_cell_ft {
	padding-left: .35em
}

.weui_cells_radio .weui_cell:active {
	background-color: #ececec
}

.weui_cells_radio .weui_check:checked+.weui_icon_checked:before {
	display: block;
	content: '\EA08';
	color: #09bb07;
	font-size: 16px
}

.weui_cells_checkbox .weui_cell_hd {
	padding-right: .35em
}

.weui_cells_checkbox .weui_cell:active {
	background-color: #ececec
}

.weui_cells_checkbox .weui_icon_checked:before {
	content: '\EA01';
	color: #c9c9c9;
	font-size: 23px;
	display: block
}

.weui_cells_checkbox .weui_check:checked+.weui_icon_checked:before {
	content: '\EA06';
	color: #09bb07
}

.weui_label {
	display: block;
	width: 105px;
	word-wrap: break-word;
	word-break: break-all
}

.weui_input {
	width: 100%;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	background-color: transparent;
	font-size: inherit;
	color: inherit;
	height: 1.41176471em;
	line-height: 1.41176471
}

.weui_input::-webkit-inner-spin-button,
.weui_input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.weui_textarea {
	display: block;
	border: 0;
	resize: none;
	width: 100%;
	color: inherit;
	font-size: 1em;
	line-height: inherit;
	outline: 0
}

.weui_textarea_counter {
	color: #b2b2b2;
	text-align: right
}

.weui_cell_warn .weui_textarea_counter {
	color: #e64340
}

.weui_toptips {
	display: none;
	position: fixed;
	-webkit-transform: translateZ(0);
	width: 100%;
	top: 0;
	line-height: 2.3;
	font-size: 14px;
	text-align: center;
	color: #fff;
	z-index: 50000
}

.weui_toptips.weui_warn {
	background-color: #e64340
}

.weui_cells_form .weui_cell_warn {
	color: #e64340
}

.weui_cells_form .weui_cell_warn .weui_icon_warn {
	display: inline-block
}

.weui_cells_form .weui_cell_ft {
	font-size: 0
}

.weui_cells_form .weui_icon_warn {
	display: none
}

.weui_cells_form input,
.weui_cells_form label[for],
.weui_cells_form textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui_cell_select {
	padding: 0
}

.weui_cell_select .weui_select {
	padding-right: 30px
}

.weui_cell_select .weui_cell_bd:after {
	content: " ";
	display: inline-block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #c8c8cd;
	border-style: solid;
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -3px
}

.weui_select {
	-webkit-appearance: none;
	border: 0;
	outline: 0;
	background-color: transparent;
	width: 100%;
	font-size: inherit;
	height: 44px;
	line-height: 44px;
	position: relative;
	z-index: 1;
	padding-left: 15px
}

.weui_select_before {
	padding-right: 15px
}

.weui_select_before .weui_select {
	width: 105px;
	box-sizing: border-box
}

.weui_select_before .weui_cell_hd {
	position: relative
}

.weui_select_before .weui_cell_hd:after {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-right: 1px solid #d9d9d9;
	color: #d9d9d9;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5)
}

.weui_select_before .weui_cell_hd:before {
	content: " ";
	display: inline-block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #c8c8cd;
	border-style: solid;
	position: relative;
	top: -2px;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -3px
}

.weui_select_before .weui_cell_bd {
	padding-left: 15px
}

.weui_select_before .weui_cell_bd:after {
	display: none
}

.weui_select_after {
	padding-left: 15px
}

.weui_select_after .weui_select {
	padding-left: 0
}

.weui_vcode {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0
}

.weui_vcode .weui_cell_ft img {
	margin-left: 5px;
	height: 44px;
	vertical-align: middle
}

.weui_cell_switch {
	padding-top: 6px;
	padding-bottom: 6px
}

.weui_switch {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	width: 52px;
	height: 32px;
	border: 1px solid #dfdfdf;
	outline: 0;
	border-radius: 16px;
	box-sizing: border-box;
	background: #dfdfdf;
	background-color: #dfdfdf;
	-webkit-transition: background-color .1s, border .1s;
	transition: background-color .1s, border .1s
}

.weui_switch:before {
	width: 50px;
	background-color: #fdfdfd;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	-webkit-transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1);
	transition: -webkit-transform .35s cubic-bezier(.45, 1, .4, 1);
	transition: transform .35s cubic-bezier(.45, 1, .4, 1);
	transition: transform .35s cubic-bezier(.45, 1, .4, 1), -webkit-transform .35s cubic-bezier(.45, 1, .4, 1)
}

.weui_switch:after,
.weui_switch:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	border-radius: 15px;
	-webkit-transition: -webkit-transform .3s
}

.weui_switch:after {
	width: 30px;
	background-color: #fff;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	-webkit-transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35);
	transition: -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35);
	transition: transform .35s cubic-bezier(.4, .4, .25, 1.35);
	transition: transform .35s cubic-bezier(.4, .4, .25, 1.35), -webkit-transform .35s cubic-bezier(.4, .4, .25, 1.35)
}

.weui_switch:checked {
	border-color: #04be02;
	background-color: #04be02
}

.weui_switch:checked:before {
	-webkit-transform: scale(0);
	transform: scale(0)
}
.weui_switch:checked:after {
	-webkit-transform: translateX(20px);
	transform: translateX(20px)
}

.weui_uploader_hd {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0
}

.weui_uploader_hd .weui_cell_ft {
	font-size: 1em
}

.weui_uploader_bd {
	margin-bottom: -4px;
	margin-right: -9px;
	overflow: hidden
}

.weui_uploader_files {
	list-style: none
}

.weui_uploader_file {
	float: left;
	margin-right: 9px;
	margin-bottom: 9px;
	width: 79px;
	height: 79px;
	background: no-repeat 50%;
	background-size: cover
}

.weui_uploader_status {
	position: relative
}

.weui_uploader_status:before {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .5)
}

.weui_uploader_status .weui_uploader_status_content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff
}

.weui_uploader_status .weui_icon_warn {
	display: block
}

.weui_uploader_input_wrp {
	float: left;
	position: relative;
	margin-right: 9px;
	margin-bottom: 9px;
	width: 77px;
	height: 77px;
	border: 1px solid #d9d9d9
}

.weui_uploader_input_wrp:after,
.weui_uploader_input_wrp:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #d9d9d9
}

.weui_uploader_input_wrp:before {
	width: 2px;
	height: 39.5px
}

.weui_uploader_input_wrp:after {
	width: 39.5px;
	height: 2px
}

.weui_uploader_input_wrp:active {
	border-color: #999
}

.weui_uploader_input_wrp:active:after,
.weui_uploader_input_wrp:active:before {
	background-color: #999
}

.weui_uploader_input {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui_msg {
	padding-top: 36px;
	text-align: center
}

.weui_msg .weui_icon_area {
	margin-bottom: 30px
}

.weui_msg .weui_text_area {
	margin-bottom: 25px;
	padding: 0 20px
}

.weui_msg .weui_msg_title {
	margin-bottom: 5px;
	font-weight: 400;
	font-size: 20px
}

.weui_msg .weui_msg_desc {
	font-size: 14px;
	color: #888
}

.weui_msg .weui_opr_area {
	margin-bottom: 25px
}

.weui_msg .weui_extra_area {
	margin-bottom: 15px;
	font-size: 14px;
	color: #888
}

.weui_msg .weui_extra_area a {
	color: #61749b
}

@media screen and (min-height:438px) {
	.weui_extra_area {
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center
	}
}

.weui_article {
	padding: 20px 15px;
	font-size: 15px
}

.weui_article section {
	margin-bottom: 1.5em
}

.weui_article h1 {
	font-size: 17px;
	font-weight: 400;
	margin-bottom: .75em
}

.weui_article h2 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: .3em
}

.weui_article h3 {
	font-weight: 400;
	font-size: 15px
}

.weui_article * {
	max-width: 100%;
	box-sizing: border-box;
	word-wrap: break-word
}

.weui_article p {
	margin: 10px 0
}

.weui_tabbar {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	position: absolute;
	z-index: 500;
	bottom: 0;
	width: 100%;
	background-color: #f7f7fa
}

.weui_tabbar:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #979797;
	color: #979797;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_tabbar_item {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding: 7px 0 0;
	-webkit-tap-highlight-color: transparent
}

.weui_tabbar_item.weui_bar_item_on .weui_tabbar_label {
	color: #09bb07
}

.weui_tabbar_icon {
	margin: 0 auto;
	width: 24px;
	height: 24px
}

.weui_tabbar_icon img {
	display: block;
	width: 100%;
	height: 100%
}

.weui_tabbar_icon+.weui_tabbar_label {
	margin-top: 5px
}

.weui_tabbar_label {
	text-align: center;
	color: #888;
	font-size: 12px
}

.weui_navbar {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	position: absolute;
	z-index: 500;
	top: 0;
	width: 100%;
	background-color: #fafafa
}

.weui_navbar:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #bcbab6;
	color: #bcbab6;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_navbar+.weui_tab_bd {
	padding-top: 50px;
	padding-bottom: 0
}

.weui_navbar_item {
	position: relative;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	padding: 13px 0;
	text-align: center;
	font-size: 15px;
	-webkit-tap-highlight-color: transparent
}

.weui_navbar_item:active {
	background-color: #ededed
}

.weui_navbar_item.weui_bar_item_on {
	background-color: #eaeaea
}

.weui_navbar_item:after {
	content: " ";
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-right: 1px solid #ccc;
	color: #ccc;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5)
}

.weui_navbar_item:last-child:after {
	display: none
}

.weui_tab {
	position: relative;
	height: 100%
}

.weui_tab_bd {
	box-sizing: border-box;
	height: 100%;
	padding-bottom: 55px;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.weui_tab_bd_item {
	display: none
}

.weui_tab_bd_item_active {
	display: block
}

.weui_progress {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.weui_progress_bar {
	background-color: #ebebeb;
	height: 3px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.weui_progress_inner_bar {
	width: 0;
	height: 100%;
	background-color: #09bb07
}

.weui_progress_opr {
	display: block;
	margin-left: 15px;
	font-size: 0
}

.weui_panel {
	background-color: #fff;
	margin-top: 10px;
	position: relative;
	overflow: hidden
}

.weui_panel:first-child {
	margin-top: 0
}

.weui_panel:before {
	top: 0;
	border-top: 1px solid #e5e5e5;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.weui_panel:after,
.weui_panel:before {
	content: " ";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	color: #e5e5e5;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_panel:after {
	bottom: 0;
	border-bottom: 1px solid #e5e5e5;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.weui_panel_hd {
	padding: 14px 15px 10px;
	color: #999;
	font-size: 13px;
	position: relative
}

.weui_panel_hd:after {
	content: " ";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #e5e5e5;
	color: #e5e5e5;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	left: 15px
}

.weui_panel_ft {
	padding: 10px 15px 12px;
	color: #999;
	font-size: 14px;
	position: relative
}

.weui_panel_ft:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #e5e5e5;
	color: #e5e5e5;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	left: 15px
}

.weui_panel_access .weui_panel_ft {
	display: block;
	color: #586c94;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui_panel_access .weui_panel_ft:active {
	background-color: #ececec
}

.weui_panel_access .weui_panel_ft:after {
	content: " ";
	display: inline-block;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	height: 6px;
	width: 6px;
	border-width: 2px 2px 0 0;
	border-color: #c7c7cc;
	border-style: solid;
	position: relative;
	top: -2px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px
}

.weui_media_box {
	padding: 15px;
	position: relative
}

.weui_media_box:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #e5e5e5;
	color: #e5e5e5;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5);
	left: 15px
}

.weui_media_box:first-child:before {
	display: none
}

a.weui_media_box {
	color: #000;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

a.weui_media_box:active {
	background-color: #ececec
}

.weui_media_box .weui_media_title {
	font-weight: 400;
	font-size: 17px;
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	word-wrap: break-word;
	word-break: break-all
}

.weui_media_box .weui_media_desc {
	color: #999;
	font-size: 13px;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.weui_media_box.weui_media_text .weui_media_title {
	margin-bottom: 8px
}

.weui_media_box.weui_media_text .weui_media_info {
	margin-top: 15px;
	padding-bottom: 5px;
	font-size: 13px;
	color: #cecece;
	line-height: 1em;
	list-style: none;
	overflow: hidden
}

.weui_media_box.weui_media_text .weui_media_info_meta {
	float: left;
	padding-right: 1em
}

.weui_media_box.weui_media_text .weui_media_info_meta.weui_media_info_meta_extra {
	padding-left: 1em;
	border-left: 1px solid #cecece
}

.weui_media_box.weui_media_appmsg {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center
}

.weui_media_box.weui_media_appmsg .weui_media_hd {
	margin-right: .8em;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center
}

.weui_media_box.weui_media_appmsg .weui_media_appmsg_thumb {
	width: 100%;
	max-height: 100%;
	vertical-align: top
}

.weui_media_box.weui_media_appmsg .weui_media_bd {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	min-width: 0
}

.weui_media_box.weui_media_small_appmsg {
	padding: 0
}

.weui_media_box.weui_media_small_appmsg .weui_cells {
	margin-top: 0
}

.weui_media_box.weui_media_small_appmsg .weui_cells:before {
	display: none
}

.weui_grids {
	position: relative;
	overflow: hidden
}

.weui_grids:before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
	border: 1px solid #d9d9d9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.weui_grid {
	position: relative;
	float: left;
	padding: 20px 10px;
	width: 33.33333333%;
	box-sizing: border-box
}

.weui_grid:before {
	content: '';
	position: absolute;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	left: 0;
	top: 0;
	border-bottom: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.weui_grid:nth-child(3n):before {
	border-right-width: 0
}

.weui_grid:active {
	background-color: #e4e4e4
}

.weui_grid_icon {
	width: 28px;
	height: 28px;
	margin: 0 auto
}

.weui_grid_icon img {
	display: block;
	width: 100%;
	height: 100%
}

.weui_grid_icon+.weui_grid_label {
	margin-top: 5px
}

.weui_grid_label {
	display: block;
	text-align: center;
	color: #000;
	font-size: 14px
}

.weui_dialog {
	position: fixed;
	z-index: 5000;
	width: 76%;
	top: 32%;
	left: 12%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #fafafc;
	text-align: center;
	border-radius: 6px;
	overflow: hidden
}

.weui_dialog_confirm .weui_dialog .weui_dialog_hd {
	padding: 1.2em 20px .5em
}

.weui_dialog_confirm .weui_dialog .weui_dialog_bd {
	text-align: left
}

.weui_dialog_hd {
	padding: 1.2em 0 .5em
}

.weui_dialog_title {
	font-weight: 400;
	font-size: 17px
}

.weui_dialog_bd {
	padding: 0 20px;
	font-size: 15px;
	color: #888;
	word-wrap: break-word;
	word-break: break-all
}

.weui_dialog_ft {
	position: relative;
	line-height: 46px;
	margin-top: 20px;
	font-size: 17px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex
}

.weui_dialog_ft a {
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
	color: #3cc51f;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.weui_dialog_ft a:active {
	background-color: #eee
}

.weui_dialog_ft:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d5d5d6;
	color: #d5d5d6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_dialog_confirm .weui_dialog_ft a {
	position: relative
}

.weui_dialog_confirm .weui_dialog_ft a:after {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px solid #d5d5d6;
	color: #d5d5d6;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleX(.5);
	transform: scaleX(.5)
}

.weui_dialog_confirm .weui_dialog_ft a:first-child:after {
	display: none
}

.weui_btn_dialog.default {
	color: #353535
}

.weui_btn_dialog.primary {
	color: #01c5af;
}

@media screen and (min-width:1024px) {
	.weui_dialog {
		width: 35%
	}
}

.weui_toast {
	position: fixed;
	z-index: 50000;
	width: 7.6em;
	min-height: 7.6em;
	top: 180px;
	left: 50%;
	margin-left: -3.8em;
	background: rgba(40, 40, 40, .75);
	text-align: center;
	border-radius: 5px;
	color: #fff
}

.weui_icon_toast {
	margin: 22px 0 0;
	display: block
}

.weui_icon_toast:before {
	content: '\EA08';
	color: #fff;
	font-size: 55px
}

.weui_toast_content {
	margin: 0 0 15px
}

.weui_loading_toast .weui_toast_content {
	margin-top: 64%;
	font-size: 14px
}

.weui_loading {
	position: absolute;
	width: 0;
	z-index: 1;
	left: 50%;
	top: 38%
}

.weui_loading_leaf {
	position: absolute;
	top: -1px;
	opacity: .25
}

.weui_loading_leaf:before {
	content: " ";
	position: absolute;
	width: 8.14px;
	height: 3.08px;
	background: #d1d1d5;
	box-shadow: 0 0 1px rgba(0, 0, 0, .0980392);
	border-radius: 1px;
	-webkit-transform-origin: left 50% 0;
	transform-origin: left 50% 0
}

.weui_loading_leaf_0 {
	-webkit-animation: a 1.25s linear infinite;
	animation: a 1.25s linear infinite
}

.weui_loading_leaf_0:before {
	-webkit-transform: rotate(0deg) translate(7.92px);
	transform: rotate(0deg) translate(7.92px)
}

.weui_loading_leaf_1 {
	-webkit-animation: b 1.25s linear infinite;
	animation: b 1.25s linear infinite
}

.weui_loading_leaf_1:before {
	-webkit-transform: rotate(30deg) translate(7.92px);
	transform: rotate(30deg) translate(7.92px)
}

.weui_loading_leaf_2 {
	-webkit-animation: c 1.25s linear infinite;
	animation: c 1.25s linear infinite
}

.weui_loading_leaf_2:before {
	-webkit-transform: rotate(60deg) translate(7.92px);
	transform: rotate(60deg) translate(7.92px)
}

.weui_loading_leaf_3 {
	-webkit-animation: d 1.25s linear infinite;
	animation: d 1.25s linear infinite
}

.weui_loading_leaf_3:before {
	-webkit-transform: rotate(90deg) translate(7.92px);
	transform: rotate(90deg) translate(7.92px)
}

.weui_loading_leaf_4 {
	-webkit-animation: e 1.25s linear infinite;
	animation: e 1.25s linear infinite
}

.weui_loading_leaf_4:before {
	-webkit-transform: rotate(120deg) translate(7.92px);
	transform: rotate(120deg) translate(7.92px)
}

.weui_loading_leaf_5 {
	-webkit-animation: f 1.25s linear infinite;
	animation: f 1.25s linear infinite
}

.weui_loading_leaf_5:before {
	-webkit-transform: rotate(150deg) translate(7.92px);
	transform: rotate(150deg) translate(7.92px)
}

.weui_loading_leaf_6 {
	-webkit-animation: g 1.25s linear infinite;
	animation: g 1.25s linear infinite
}

.weui_loading_leaf_6:before {
	-webkit-transform: rotate(180deg) translate(7.92px);
	transform: rotate(180deg) translate(7.92px)
}

.weui_loading_leaf_7 {
	-webkit-animation: h 1.25s linear infinite;
	animation: h 1.25s linear infinite
}

.weui_loading_leaf_7:before {
	-webkit-transform: rotate(210deg) translate(7.92px);
	transform: rotate(210deg) translate(7.92px)
}

.weui_loading_leaf_8 {
	-webkit-animation: i 1.25s linear infinite;
	animation: i 1.25s linear infinite
}

.weui_loading_leaf_8:before {
	-webkit-transform: rotate(240deg) translate(7.92px);
	transform: rotate(240deg) translate(7.92px)
}

.weui_loading_leaf_9 {
	-webkit-animation: j 1.25s linear infinite;
	animation: j 1.25s linear infinite
}

.weui_loading_leaf_9:before {
	-webkit-transform: rotate(270deg) translate(7.92px);
	transform: rotate(270deg) translate(7.92px)
}

.weui_loading_leaf_10 {
	-webkit-animation: k 1.25s linear infinite;
	animation: k 1.25s linear infinite
}

.weui_loading_leaf_10:before {
	-webkit-transform: rotate(300deg) translate(7.92px);
	transform: rotate(300deg) translate(7.92px)
}

.weui_loading_leaf_11 {
	-webkit-animation: l 1.25s linear infinite;
	animation: l 1.25s linear infinite
}

.weui_loading_leaf_11:before {
	-webkit-transform: rotate(330deg) translate(7.92px);
	transform: rotate(330deg) translate(7.92px)
}

@-webkit-keyframes a {
	0%,
	0.01% {
		opacity: .25
	}
	0.02% {
		opacity: 1
	}
	60.01%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes b {
	0%,
	8.34333% {
		opacity: .25
	}
	8.35333% {
		opacity: 1
	}
	68.3433%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes c {
	0%,
	16.6767% {
		opacity: .25
	}
	16.6867% {
		opacity: 1
	}
	76.6767%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes d {
	0%,
	25.01% {
		opacity: .25
	}
	25.02% {
		opacity: 1
	}
	85.01%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes e {
	0%,
	33.3433% {
		opacity: .25
	}
	33.3533% {
		opacity: 1
	}
	93.3433%,
	to {
		opacity: .25
	}
}

@-webkit-keyframes f {
	0% {
		opacity: .270958333333333
	}
	41.6767% {
		opacity: .25
	}
	41.6867% {
		opacity: 1
	}
	1.67667% {
		opacity: .25
	}
	to {
		opacity: .270958333333333
	}
}

@-webkit-keyframes g {
	0% {
		opacity: .375125
	}
	50.01% {
		opacity: .25
	}
	50.02% {
		opacity: 1
	}
	10.01% {
		opacity: .25
	}
	to {
		opacity: .375125
	}
}

@-webkit-keyframes h {
	0% {
		opacity: .479291666666667
	}
	58.3433% {
		opacity: .25
	}
	58.3533% {
		opacity: 1
	}
	18.3433% {
		opacity: .25
	}
	to {
		opacity: .479291666666667
	}
}

@-webkit-keyframes i {
	0% {
		opacity: .583458333333333
	}
	66.6767% {
		opacity: .25
	}
	66.6867% {
		opacity: 1
	}
	26.6767% {
		opacity: .25
	}
	to {
		opacity: .583458333333333
	}
}

@-webkit-keyframes j {
	0% {
		opacity: .687625
	}
	75.01% {
		opacity: .25
	}
	75.02% {
		opacity: 1
	}
	35.01% {
		opacity: .25
	}
	to {
		opacity: .687625
	}
}

@-webkit-keyframes k {
	0% {
		opacity: .791791666666667
	}
	83.3433% {
		opacity: .25
	}
	83.3533% {
		opacity: 1
	}
	43.3433% {
		opacity: .25
	}
	to {
		opacity: .791791666666667
	}
}

@-webkit-keyframes l {
	0% {
		opacity: .895958333333333
	}
	91.6767% {
		opacity: .25
	}
	91.6867% {
		opacity: 1
	}
	51.6767% {
		opacity: .25
	}
	to {
		opacity: .895958333333333
	}
}

.weui_mask {
	background: rgba(0, 0, 0, .6)
}

.weui_mask,
.weui_mask_transition,
.weui_mask_transparent {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.weui_mask_transition {
	display: none;
	background: transparent;
	-webkit-transition: background .3s;
	transition: background .3s
}

.weui_fade_toggle {
	background: rgba(0, 0, 0, .6)
}

.weui_actionsheet {
	position: fixed;
	left: 0;
	bottom: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 5000;
	width: 100%;
	background-color: #efeff4;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.weui_actionsheet_menu {
	background-color: #fff
}

.weui_actionsheet_action {
	margin-top: 6px;
	background-color: #fff
}

.weui_actionsheet_cell {
	position: relative;
	padding: 10px 0;
	text-align: center;
	font-size: 18px
}

.weui_actionsheet_cell:before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d9d9d9;
	color: #d9d9d9;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_actionsheet_cell:active {
	background-color: #ececec
}

.weui_actionsheet_cell:first-child:before {
	display: none
}

.weui_actionsheet_toggle {
	-webkit-transform: translate(0);
	transform: translate(0)
}

.weui_search_bar {
	position: relative;
	padding: 8px 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	box-sizing: border-box;
	background-color: #efeff4
}

.weui_search_bar:before {
	top: 0;
	border-top: 1px solid #c7c7c7;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.weui_search_bar:after,
.weui_search_bar:before {
	content: " ";
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	color: #c7c7c7;
	-webkit-transform: scaleY(.5);
	transform: scaleY(.5)
}

.weui_search_bar:after {
	bottom: 0;
	border-bottom: 1px solid #c7c7c7;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.weui_search_bar.weui_search_focusing .weui_search_cancel {
	display: block
}

.weui_search_bar.weui_search_focusing .weui_search_text {
	display: none
}

.weui_search_outer {
	position: relative;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	flex: auto;
	background-color: #efeff4
}

.weui_search_outer:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 200%;
	height: 200%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	border-radius: 10px;
	border: 1px solid #e6e6ea;
	box-sizing: border-box;
	background: #fff
}

.weui_search_inner {
	position: relative;
	padding-left: 30px;
	padding-right: 30px;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	z-index: 1
}

.weui_search_inner .weui_search_input {
	padding: 4px 0;
	width: 100%;
	height: 1.42857143em;
	border: 0;
	font-size: 14px;
	line-height: 1.42857143em;
	box-sizing: content-box;
	background: transparent
}

.weui_search_inner .weui_search_input:focus {
	outline: none
}

.weui_search_inner .weui_icon_search {
	position: absolute;
	left: 10px;
	top: -2px;
	line-height: 28px
}

.weui_search_inner .weui_icon_clear {
	position: absolute;
	top: -2px;
	right: 0;
	padding: 0 10px;
	line-height: 28px
}

.weui_search_text {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	z-index: 2;
	border-radius: 3px;
	text-align: center;
	color: #9b9b9b;
	background: #fff
}

.weui_search_text span {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle
}

.weui_search_text .weui_icon_search {
	margin-right: 5px
}

.weui_search_cancel {
	display: none;
	margin-left: 10px;
	line-height: 28px;
	white-space: nowrap;
	color: #09bb07
}

.weui_search_input:not(:valid)~.weui_icon_clear {
	display: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none
}